草庐IT

ionic 侧栏菜单

全部标签

javascript - 导航栏中的下拉菜单不会展开( Bootstrap 、 Angular 、指令、路线)

由于某些奇怪的原因,Bootstrap菜单下拉菜单在通过路由器模板构建时不会在单击时展开。直接在模板中使用它工作正常。这是可以玩的plunker:http://plnkr.co/edit/GOky2ajHl46VddQRKDye?p=previewTESTvarapp=angular.module('app',['ngRoute','ctrls']);app.config(function($routeProvider){$routeProvider.when('/menu',{template:'',controller:'mainCtrl'}).otherwise({redirec

javascript - 如何在 ionic2 中为 Web 应用程序管理多个 slider ?

我有这样的幻灯片HTML{{slide.gameTitle}}{{slide.gameTitle}}它在移动设备上工作。问题是当我在Firefox(也在chrome)中拖动幻灯片2时,幻灯片1也被拖动了。不能单独拖动幻灯片2。我如何在ionic2中制作2个完全独立的slider以在浏览器中运行 最佳答案 更新感谢来自Slackchannel的@cookiecookson:linktothegithubissuelinktoaPRthatfixesthisissue(notyetmergedasof27/06/2017)这似乎是Ion

javascript - 错误 : Cannot find module "rxjs/operators" in Ionic Angular

我正在尝试运行我的Ionic项目。几天前它工作正常,现在我无法运行它,无论我做什么。这个错误出现了!我尝试从package.json和node_modules中删除Rxjs,还注释掉了我使用Rxjs的所有地方,仍然出现此错误。在Ubuntu16.04中尝试使用Node8.9.0和npm4.5.0。也试过同样的在windows中运行还是显示同样的错误!我该如何解决这个问题? 最佳答案 尝试重新安装5.5.3或更高版本的rxjsnpminstall@reactivex/rxjs@5.5.3这个问题似乎在5.5.3版本中得到修复https

javascript - Uncaught Error : [$injector:unpr] Unknown provider Ionic Framework/AngularJS

在localstoragetutorialontheIonicblog之后,我试图在我的Ionic应用程序运行时设置/获取localStorage值,但我收到错误消息:UncaughtError:[$injector:unpr]Unknownprovider:$localstorageProvider我的app.js代码:angular.module('starter',['ionic','starter.controllers','starter.services']).run(function($ionicPlatform,$localstorage){$ionicPlatform

javascript - 语义 UI 边栏和下拉菜单

我正在尝试使用语义ui创建一个简单的webui。我想要一个带有菜单的侧边栏,在某些项目中会有子项目......应该不会那么难吧?http://jsfiddle.net/ycm8ctfx/ExampleMessages如何让子项目在正常页面内容上“飞出”侧边栏?如果您在示例中单击“消息”,将出现菜单(观察底部出现的滚动条),但由于它们是侧边栏的子项,因此它们显示在侧边栏中。但我希望它们漂浮在正常内容上!我没有通过摆弄z-index来让它工作。 最佳答案 如果侧边栏被配置为使用overlay过渡,它可以通过指定来修复.ui.sideba

javascript - 如何使元素的高度等于 Ionic 中的宽度?

我正在使用Ionic制作一个应用程序,我想要一个方形图像作为背景。图像需要针对不同的分辨率进行缩放;我希望它填满设备的宽度,然后在保持纵横比的同时在该宽度上保持高。我尝试添加一个指令来计算要设置的正确高度,但我无法让它做任何事情,它似乎根本没有被调用。HTML{{card.name}}CSS#card{background-image:url("/img/education.png");background-size:100%100%;width:100%;}Javascript(controllers.js).directive("card",function($scope){con

javascript - 为什么 Ionic 2 构建如此之大,即使对于小型/空白应用程序也是如此?

所以我是Ionic的新手,可能会遗漏一些东西。但是我像这样启动了一个新的空白应用程序:ionicstartBlankApp--v2blank然后添加浏览器平台:cordova平台添加浏览器然后构建用于生产:ionic构建浏览器输出看起来像这样:>ionic-hello-world@ionic:buildC:\Work\ionic\BlankApp>ionic-app-scriptsbuildkeywordsif/then/elserequirev5option[17:56:25]ionic-app-scripts0.0.47[17:56:25]builddevstarted...[17

javascript - Ionic secure storage - 要求用户设置锁屏

我正在尝试初始化安全存储插件。如果失败,则意味着用户没有设置安全锁屏。使用github页面,我正在尝试重新创建提供的示例:varss;var_init=function(){ss=newcordova.plugins.SecureStorage(function(){console.log('OK');},function(){navigator.notification.alert('Pleaseenablethescreenlockonyourdevice.Thisappcannotoperatesecurelywithoutit.',function(){ss.secureDev

javascript - Firefox 中 Flash 顶部的 CSS/JavaScript 导航菜单

我的网站有一个用CSS和JavaScript构建的下拉菜单,它会在Flash动画上下拉。在IE(6&7)中,下拉菜单位于Flash动画上方,而在Firefox(2&3)中,菜单出现在Flash动画下方。有什么方法可以让这个动态菜单在Firefox中通过Flash流动吗?在IE7中菜单出现在Flash上:在Firefox中,菜单出现在Flash下:(我该如何解决这个问题?!) 最佳答案 尝试将wmode设置为透明-参见here 关于javascript-Firefox中Flash顶部的CS

javascript - 单击 Jquery 打开和关闭子菜单

我有一个主菜单,它将在jquery中显示带有点击事件的子菜单(客户端希望点击而不是悬停)所以我让它工作但是我仍然无法弄清楚一件事:我有菜单和子菜单工作正常,所以当我点击“新闻”时,子菜单很好地向下滑动,当我再次点击“新闻”时,它会关闭,但是如果在打开新闻子菜单并点击“资源”后,相应的子菜单出现但新闻子菜单保持打开状态,我希望在单击另一个菜单项或在主菜单区域之外时关闭上一个子菜单有什么想法吗?这是我得到的:HomeAboutUsNewssubmenu1submenu2submenu3submenu4submenu5submenu6JobsContactUsAdminResourcessu